﻿<template>
  <div class="new_wrap ">
    <header_n :header_name="header_name" :go_back_flag="true" :card_div="card_div" :show_user_img_flag="false">

    </header_n>
    <!--main s-->
    <div class="new_wrap_main clearfix">
      <transition mode='out-in'>
        <keep-alive>
          <router-view></router-view>
        </keep-alive>
      </transition>
    </div>
    <!--main e-->

  </div>
</template>
<script>
  import {mapState, mapMutations,mapActions,mapGetters} from 'vuex';
  import header_n from "../../common/header_other/Header_name_img.vue"
  import common from "../../common/common.js";
//  import header_n from "./Header_name_img.vue";
  //limit_Scroll
  //import limit_scroll from "../../static/js/limit_scroll.js"
  let qs = require('qs');
  //axios.post('/foo', qs.stringify({ 'bar': 123 }));

export default {
  name: 'hello',
  data () {
    return {
      card_div:`<div style='width:20vw;
                height: 8vw;
                line-height: 8vw;
                font-size: 3vw;
                text-align: center;
                color:#fff;
                background-color: #7ebc67;
                border-radius: 2vw;
                position: absolute;
                top:50%;
                right:3.1vw;
                transform: translateY(-50%);'>卡牌模式</div>`,
      header_name:"新手模式"
    }
  },
  ...mapActions([
    "thom_redirect",

  ]),

  ...mapMutations([
     "Change_certain_layer"
  ]),
  mounted: function () {
    ///api/user / personalHomepage / getAnswerQuestionsList
    //limit_scroll(this.$refs.el, this.$refs.git_contain);
    //qs.stringify({ 'rid': 2, "pageNo": 0, "pageSize": 6 }))

  },
  methods: {

  },
  components: {
    header_n
  }
}
</script>
<style scoped lang="scss">
  .new_wrap{
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .new_wrap_main{
    background-color: #808080;
    width: 100%;
    height: 100%;

  }
</style>
